@function getRemNum($rem) {
  @return ($rem /37.5)
}

/*@mixin font($size,$weight,$color) {
  font: {
    size: getRemNum($size);
    family: PingFangSC-Medium, PingFang SC;
    weight: $weight;
  }
  color: $color;;
}*/

@mixin flex($justify-content,$align-items) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

@mixin size($width,$height) {
  width: getRemNum($width);
  height: getRemNum($height);
}

/*@mixin input1($margin-top){
  position: relative;
  width: getRemNum(315rem);
  height: getRemNum(50rem);
  margin-top: getRemNum($margin-top);
  @include flex(space-between,flex-start);
  &>img:nth-child(1){
    width: getRemNum(38rem);
    height: getRemNum(48rem);
    border-radius: getRemNum(12rem);
    margin-right: getRemNum(18rem);
  }
  .input-prompt{
    position: absolute;
    right: 0;
    bottom: getRemNum(15rem);
    width: getRemNum(26rem);
    height: getRemNum(26rem);
    display: none;
  }
  &>input[type='text'],&>input[type='password']{
    width: getRemNum(289rem);
    height: getRemNum(50rem);
    line-height: getRemNum(25rem);
    outline: none;
    &::-webkit-input-placeholder {
      color: #D8D8D8;
      font-size: getRemNum(14rem);
    }
    border:{
      color: rgba(0,0,0,.05);
      style: solid;
      top-width: 0;
      right-width: 0;
      bottom-width: getRemNum(2rem);
      left-width: 0;
    }
    @include font(18rem,400,#757575);
  }
  .phone-code-inp{
    width: getRemNum(60.5rem) !important;
    text-align: center;
  }
  .phone-code{
    position: absolute;
    right: getRemNum(0rem);
    bottom: getRemNum(8rem);
    width: getRemNum(78rem);
    height: getRemNum(44rem);
    background: linear-gradient(135deg, #4279FD 0%, #89B1FF 100%);
    box-shadow: 0 getRemNum(3rem) getRemNum(6rem) 0 rgba(0, 0, 0, 0.16);
    border-radius: getRemNum(12rem);
    border: none;
    outline: none;
    text-align: center;
    line-height: getRemNum(44rem);
    @include font(12rem,500,#FFFFFF)
  }
}
.container{
  width: getRemNum(375rem);
  margin: 0 auto;
  height: 100%;
  padding: 0 getRemNum(30rem) getRemNum(24rem);
  flex-direction: column;
  box-sizing: border-box;
  @include flex(flex-start,flex-start);
  .headImg{
    width: getRemNum(48rem);
    height: getRemNum(48rem);
    border-radius: getRemNum(12rem);
    margin-top: getRemNum(24rem);
  }
  .login-title-main{
    margin-top: getRemNum(28rem);
    @include font(42rem,500,#333333);
  }
  .login-title-next{
    margin-top: getRemNum(22rem);
    @include font(20rem,400,#999999);
  }
  .login-title-three{
    margin-top: getRemNum(20rem);
    @include font(22rem,400,#757575);
  }
  #loginS{
    width: getRemNum(315rem);
    height: getRemNum(58rem);
    background: linear-gradient(135deg, #4279FD 0%, #89B1FF 100%);
    box-shadow: 0 getRemNum(3rem) getRemNum(6rem) 0 rgba(0, 0, 0, 0.16);
    border-radius: getRemNum(12rem);
    outline: none;
    border: none;
    line-height: getRemNum(16rem);
    margin-top: getRemNum(44rem);
    @include font(16rem,500,#FFFFFF);
  }
  #loginS-administrator{
    @extend #loginS;
    background: #3ED598;
  }
  #loginS-register{
    @extend #loginS;
    background: #FFC542;
  }
  .other-login{
    width: getRemNum(315rem);
    height: getRemNum(24rem);
    margin-top: getRemNum(18rem);
    @include flex(space-between,center);
    a{
      line-height: getRemNum(24rem);
      @include font(14rem,400,#999999);
    }
  }
  .other-login-next{
    width: getRemNum(315rem);
    height: getRemNum(58rem);
    margin-top: getRemNum(44rem);
    @include flex(space-between,flex-start);
    input{
      width: getRemNum(142rem);
      height: getRemNum(58rem);
      box-shadow: 0 getRemNum(3rem) getRemNum(6rem) 0 rgba(0, 0, 0, 0.16);
      border-radius: getRemNum(12rem);
      border: none;
      outline: none;
      line-height: getRemNum(16rem);
      @include font(16rem,500,#FFFFFF);
    }
  }
}*/
